.main-search-filter {
	clear: both;
	overflow: hidden;
}

.main-search-filter>p {
	clear: both;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	line-height: 50px;
	font-size: 16px;
}

.main-search-filter>ul {
	clear: both;
	overflow: hidden;
	padding: 0;
	margin: 0 25px;
	list-style: none;
}

.main-search-filter>ul.active {
	padding-bottom: 13px;
	padding-top: 15px;
}

.main-search-filter>ul>li {
	float: left;
	height: 29px;
	margin-right: 2px;
	padding: 0 5px;
	margin-bottom: 2px;
	line-height: 27px;
	border: #eee 1px solid;
	background: #fff;
}

.main-search-filter>ul>li>span {
	display: inline-block;
	max-width: 200px;
	height: 27px;
	margin-right: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main-search-filter .close-btn {
	display: inline-block;
	width: 16px;
	height: 27px;
	cursor: pointer;
	background: url(../images/close-btn.png) no-repeat center;
}

.main-search-filter .close-btn:hover {
	background-color: #f1f1f1;
}

.filter {
	position: absolute;
	z-index: 6;
	top: 0;
	right: -410px;
	width: 400px;
	height: 100%;
	background: #fff;
	transition: right 0.7s;
	box-shadow: -2px 2px 5px 3px #eee;
}

.filter.active{
	right: 0;
}

.index-body-box-content>.main>.filter{
	top:51px;
	height: calc(100% - 51px);
}

.filter-box {
	width: 340px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
}

.filter-box>ul {
	padding: 0;
}

.filter-box>ul>li {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	list-style: none;
}

.filter-box>.footer {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 59px;
	padding: 0;
	text-align: center;
	line-height: 58px;
	border-top: 1px solid #eee;
	background: #fff;
}

.scale-size {
	font-size: 10px;
	vertical-align: 2px;
}

.search-input .el-input__inner{
	height: 30px;
	border-radius: 0;
}
